<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contact Us</title>
<!-- Stylesheets -->
<link href="<%=path%>/hotel/css/bootstrap.css" rel="stylesheet">
<link href="<%=path%>/hotel/css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="<%=path%>/hotel/css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="<%=path%>/hotel/images/favicon.png" type="image/x-icon">
<link rel="icon" href="<%=path%>/hotel/images/favicon.png" type="image/x-icon">

<!-- Responsive Settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="<%=path%>/hotel/js/respond.js"></script><![endif]-->
<script type="text/javascript" src="<%=path%>>/hotel/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#contact-form").submit(sub)
});
function sub(){
	return true;
}
</script>

</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"><div class="icon"></div></div>

    	<!-- Main Header -->
    	<jsp:include page="/hotel/include/head.jsp"></jsp:include>
        <!--End Header Upper-->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="close-btn"><span class="icon flaticon-targeting-cross"></span></div>
            <div class="menu-backdrop"></div>
            <div class="nav-logo"><a href="index.html"><img src="<%=path%>/hotel/images/nav-logo.png" alt="" title=""></a></div>
            <nav class="menu-box">
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
            </nav>
            <div class="nav-bottom">
                <div class="copyright">Hotera  &copy;  2020 All Right Reserved</div>
                <!--Social Links-->
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fab fa-vimeo-v"></span></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- End Mobile Menu -->

    </header>
    <!-- End Main Header -->


    <!-- Banner Section -->
    <section class="page-banner">
        <div class="image-layer" style="background-image:url(<%=path%>/hotel/images/background/banner-image-4.jpg);"></div>
        <div class="banner-bottom-pattern"></div>

        <div class="banner-inner">
            <div class="auto-container">
                <div class="inner-container clearfix">
                    <h1>与我们保持联系</h1>
                    <div class="page-nav">
                        <ul class="bread-crumb clearfix">
                            <li><a href="<%=path%>/IndexServlet">首页</a></li>
                            <li class="active">联系我们</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Banner Section -->

    <!--Contact Section-->
    <section class="contact-section-two">
        <div class="auto-container clearfix">
            <div class="row clearfix">

                <div class="info-col col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <div class="u-text">24小时随时联系我们,我们为您服务。</div>

                        <div class="info">
                            <div class="info-block">
                                <div class="block-inner">
                                    <div class="icon-box wow zoomInStable" data-wow-delay="0ms" data-wow-duration="2000ms"><span class="flaticon-placeholder-1"></span></div>
                                    <h4>地址</h4>
                                    <div class="text">青岛市市南区大尧三路七星级大酒店</div>
                                </div>
                            </div>
                            <div class="info-block">
                                <div class="block-inner">
                                    <div class="icon-box wow zoomInStable" data-wow-delay="300ms" data-wow-duration="2000ms"><span class="flaticon-technology-2"></span></div>
                                    <h4>电话 号码</h4>
                                    <div class="text">
                                        <a href="tel:(+48)564-334-21-22-34">(+0451) 888-888-88</a> <br>
                                        <a href="tel:(+48)564-334-21-25">(+0451) 666-666-66</a>
                                    </div>
                                </div>
                            </div>
                            <div class="info-block">
                                <div class="block-inner">
                                    <div class="icon-box wow zoomInStable" data-wow-delay="600ms" data-wow-duration="2000ms"><span class="flaticon-email-1"></span></div>
                                    <h4>邮件地址</h4>
                                    <div class="text">
                                        <a href="mailto:info@hotera.com">info@hotera.com</a> <br>
                                        <a href="mailto:info@example.com">info@example.com</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-col col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <div class="form-box default-form contact-form-two wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <h3>有什么建议?</h3>
                            <div class="text">请完成以下意见的填写，然后单击“提交”，我们将与您联系</div>
                            <form method="post" action="/hotelManagement/HistoryServlet"  id="contact-form">
                               <!--  <div class="form-group">
                                    <div class="field-inner">
                                        <input type="text" name="username" value="" placeholder="名字" required="">
                                    </div>
                                </div> -->
                                <!-- <div class="form-group">
                                    <div class="field-inner">
                                        <input type="email" name="email" value="" placeholder="电子邮件" required="">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="field-inner">
                                        <input type="text" name="phone" value="" placeholder="手机号码" required="">
                                    </div>
                                </div> -->
                                <input type="hidden" name="passengerId" value="1">
                                <div class="form-group">
                                    <div class="field-inner">
                                        <textarea name="message" placeholder="信息" required=""></textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <input type="submit" class="theme-btn btn-style-one" value="发送信息"></input>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!--Map Section-->
    <section class="map-section">
        <div class="map-layer">
            <div class="map-canvas"
                data-zoom="12"
                data-lat="-37.817085"
                data-lng="144.955631"
                data-type="roadmap"
                data-hue="#ffc400"
                data-title="Singapore"
                data-icon-path="images/icons/map-marker.png"
                data-content="Singapore VIC 3000, USA<br><a href='mailto:info@youremail.com'>info@youremail.com</a>">
            </div>
        </div>
    </section>

    <!-- Main Footer -->
    <jsp:include page="/hotel/include/footer.jsp"></jsp:include>

</div>
<!--End pagewrapper--><!--Scroll to top--><div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-up-arrow"></span></div>

<!--Google Map-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHJe2MPH8B-gLzZu5QI0Alc73nvkLuuqQ"></script>
<script src="<%=path%>/hotel/js/map-script.js"></script>

</body>
</html>